<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title> </title>
		 <link rel="stylesheet" href="./style/index.css">
		<link rel="stylesheet" href="./style/adative.css">
	</head>
	<body>
		
		<div class="wrapper">
			<header class="header-wrapper"><!-- 头部 -->
				<div id="header_left">
					<p><img src="./images/logo.png" ></p>
					<a><img src="./images/pic1.png" ></a>
					<a>分类</a>
					<a><img src="./images/pic2.png" ></a>
					<a>搜索</a>
					<a>|</a>
					<a>原创首页</a>
					<a>完本</a>
					<a>排行</a>
					<a>悬疑</a>
					<a>女性</a>
					<a>幻想</a>
					<a>文艺</a>
					<a>历史</a>
					<a>征文专区</a>
				</div>
				<div id="header_right">
					<a>出版</a>
					<a>会员</a>
					<a>|</a>
					<a>APP</a>
					<a>成为作者</a>
					<a><img src="./images/pic3.png" ></a>
					<a><button>登录</button></a>
					<a><button>注册</button></a>
				</div>
			</header>
		</div>
		<main><!-- 主体 -->
			<!-- 宣传栏区 -->
			<div class="banner1">
				<div class="imgdiv">
					<img src="./images/banner1.jpg" >
					<img src="./images/banner2.jpg" >
					<img src="./images/banner3.jpg" >
					<img src="./images/banner4.jpg" >
					<img src="./images/banner5.jpg" >
					<img src="./images/banner6.jpg" >
					<ul class="dian">
						
					</ul>
				</div>
				
			</div>
			<div class="huiyuan">
				<div class="button1">
					<button style="background-color: #ffffff;">原创</button>
					<button style="background-color: #108899;color: white;">出版</button>
				</div>
				<div class="button2">
					<button><img src="./images/pic4.png" >开通会员，免费在线阅读，享专属福利 <span>去开通 ></span></button>
				</div>
			</div>
			<!-- 会员注册区 -->
			<div class="tuijian">
				<div class="maindiv">
					<button>重磅推荐</button>
					<div class="main">
						<div>
							<p><img src="./images/book1.png"></p>
							<div>
								<p>棱镜</p>
								<p>[日] 东野圭吾</p>
								<p>日本著名推理小说作家;生命中的一次偶然交会，将演绎出截然不同的人生?</p>
							</div>
						</div>
						<div>
							<p><img src="./images/book2.png"  ></p>
							<div>
								<p>包法利夫人</p>
								<p>[法] 福楼拜 (Gustave Flaubert)</p>
								<p>福楼拜成名作; 通过一个富有激情的女子艾玛的经历，再现了十九世纪中期法国的社会活动。</p>
							</div>
						</div>
						<div>
							<p><img src="./images/book3.png" ></p>
							<div>
								<p>天象馆</p>
								<p>[法] 娜塔丽·萨洛特</p>
								<p>法国著名小说家娜塔丽·萨洛特传世之作，内心独自写就得典范文本。</p>
							</div>
						</div>
						<div>
							<p><img src="./images/book4.png" ></p>
							<div>
								<p>贫穷的本质</p>
								<p>[印] 阿比吉特·班纳吉;[法]埃斯特·迪弗洛</p>
								<p>这是一本见解极为深刻的好书，由两位专门研究贫穷本质的优秀作者写成。——阿马蒂亚·森哈佛大学经济学及心理学教授、诺贝尔经济奖得主</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="xiaoliang">
				<div class="xiaoliangdiv">
					<p>销量最高</p>
					<div class="xiaomain">
						<div>
							<img src="./images/topbook1.png" >
							<div>
								<p>第一人称单数</p>
								<p>[日] 春上春树</p>
								<p> '第一人称单数' 是截取世界某个片段的'单眼'。
								这样的截面越来越多，'单眼'就成了无穷交错...</p>
								<div class="qian">
									<p><img src="./images/star.png" > 8.0</p>
									<p>|</p>
									<p>外国现当代</p>
								</div>
							</div>
						</div>
						<div>
							<img src="./images/topbook2.png" >
							<div>
								<p>是谁我不说的初恋乐园</p>
								<p>林奕舍</p>
								<p> 令人心碎却无能为力的真实故事，向死而生的文学绝唱
								  打动万千读者的年度华语小说。李银河 戴锦...</p>
								<div class="qian">
									<p><img src="./images/star.png" > 9.4</p>
									<p>|</p>
									<p>青春</p>
								</div>
							</div>
						</div>
						<div>
							<img src="./images/topbook3.png"  >
							<div>
								<p>沙丘</p>
								<p>[美] 弗兰克·赫伯特</p>
								<p> 美国亚马逊"一生必读的100本书"，科幻小说史上的必读经典.
								  首部同时获得雨果奖与星云奖的...</p>
								<div class="qian">
									<p><img src="./images/star.png" > 8.8</p>
									<p>|</p>
									<p>科幻</p>
								</div>
							</div>
						</div>
						<div>
							<img src="./images/topbook4.png" >
							<div>
								<p>置身事内</p>
								<p>兰晓欢</p>
								<p> "在成功的经济体中，经济政策一定是务实的
								，不是意识形态化的。是具体的不是抽象的。"
								  直面...</p>
								<div class="qian">
									<p><img src="./images/star.png" > 9.4</p>
									<p>|</p>
									<p>政治</p>
								</div>
							</div>
						</div>
						<div>
							<img src="./images/topbook5.png" >
							<div>
								<p>三体1</p>
								<p>刘慈欣</p>
								<p>每个人的书架都该有套
								，《三体》! 关于宇宙的狂野想象! 就是它!征服世界的中国科幻神作!...
									</p>
								<div class="qian">
									<p><img src="./images/star.png" > 9.4</p>
									<p>|</p>
									<p>政治</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

		</main>
	
	</body>

</html>
